<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Repute</title>
    <link rel="stylesheet" href="css/style.css" class="">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

</head>
<body>

<nav class="navbar navbar-light bg-light">
    <div class="container">
        <img src="img/LOGO.png" alt="">
        <ul class="nav justify-content-end">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">HOME</a>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href="#"></a>
                    <a class="dropdown-item" href="#"></a>
                    <a class="dropdown-item" href="#"></a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#"></a>
                </div>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="" role="button" aria-haspopup="true" aria-expanded="false">FEATURES</a>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href=""></a>
                    <a class="dropdown-item" href=""></a>
                    <a class="dropdown-item" href=""></a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href=""></a>
                </div>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">PAGES</a>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">Separated link</a>
                </div>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">PORTFOLIO</a>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">Separated link</a>
                </div>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">BLOG</a>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">Separated link</a>
                </div>
            </li>
            <button type="button" class="btn btn-success">UPGRADE TO PRO</button>
        </ul>
    </div>
</nav>
<div class="bd-example">
    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="img/HH.png" class="d-block" alt="">
                <div class="carousel-cap">
                    <h5>EASY TO CUSTOMIZE</h5>
                    <p>Readable code,well documented and FREE support</p>
                    <a href="">LEARN MORE</a>
                </div>
            </div>
            <div class="carousel-item active">
                <img src="img/HH.png" class="d-block" alt="">
                <div class="carousel-cap">
                    <h5>EASY TO CUSTOMIZE</h5>
                    <p>Readable code,well documented and FREE support</p>
                    <a href="">LEARN MORE</a>
                </div>
            </div>
            <div class="carousel-item active">
                <img src="img/HH.png" class="d-block" alt="">
                <div class="carousel-cap">
                    <h5>EASY TO CUSTOMIZE</h5>
                    <p>Readable code,well documented and FREE support</p>
                    <a href="">LEARN MORE</a>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<div class="bg-act">
    <div class="container">
        <div class="row">
            <div class="col-3">
                <img src="img/br-1.png" alt="" class="">
                <a href="">STRONG STRUCTURE</a>
            </div>
            <div class="col-3">
                <img src="img/br-2.png" alt="" class="">
                <a href="">GLOBAL SERVICES</a>
            </div>
            <div class="col-3">
                <img src="img/br-3.png" alt="" class="">
                <a href="">DYNAMIC CHNAGE</a>
            </div>
            <div class="col-3">
                <img src="img/br-4.png" alt="" class="">
                <a href="">EXPONENTIAL GROWTH</a>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <h4>KNOW BETTER</h4>
            <p>……</p>
            <p>Synergistically procrastinate one-toone resuits for 
                accurate platforms. Assertively whiteboard corporate
                user whereas dynamic initatives.</p>

            <p>Eneristically architect leading-eage users and inexpensive interna or "organic"sources.
            Distinctively evolve e-business resourues after porgressive intellectual capital. Objectively
            architect maintainable technologies via strategic. convergence.Continually opitmize
            stand-alone expanded with e-business e-services. Continually conceptualize alient-centered
            opportunities and.</p>

            <p>Dynamically customize backward-compatible processes via front-end models. Distinctively
            evisculate an expanded array of scenarios after virtual information Professionally
            predominate technically sound resources through impactful mindshshare. Efficiently drive
            viral interfaces without inexpensive value. Credibly.</p>
        </div>
        <div class="col-md-6">
            <img src="img/renmo.png" alt="" class="">
        </div>
    </div>
    <div class="contianer">
        <div class="row">
            <div class="col-6">
                <img src="img/dgss.png" alt="" class="">
                <h4>GOAL ORIENTED</h4>
                <p>Holisticly harness just in time technologies via corporate scenarios.intrinsicly
                    predominate ubiquitous outsourcing through an expanded array of
                    functionalities.</p>
            </div>
            <div class="col-6">
                <img src="img/egeg.png" alt="" class="">
                <h4>GOAL ORIENTED</h4>
                <p>Holisticly harness just in time technologies via corporate scenarios.intrinsicly
                    predominate ubiquitous outsourcing through an expanded array of
                    functionalities.</p>
            </div>
            <div class="col-6">
                <img src="img/regrwe.png" alt="" class="">
                <h4>GOAL ORIENTED</h4>
                <p>Holisticly harness just in time technologies via corporate scenarios.intrinsicly
                    predominate ubiquitous outsourcing through an expanded array of
                    functionalities.</p>
            </div>
            <div class="col-6">
                <img src="img/sfgrg.png" alt="" class="">
                <h4>GOAL ORIENTED</h4>
                <p>Holisticly harness just in time technologies via corporate scenarios.intrinsicly
                    predominate ubiquitous outsourcing through an expanded array of
                    functionalities.</p>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="gcrt">
            <div class="row">
                <div class="col-md-12">
                    <img src="img/fhrhg.png" alt="" class="">
                    <h2>ULTRA RESPONSIVE</h2>
                    <p>Phosfluorescently revolutionize viral leadership via turnkey technoogy.Synergistically monetize intermandated
                        strategic theme areas though muitimedia based.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="ct"></div>
</div>
<div class="container">
    <div class="gidvter">
        <div class="row">
            <div class="col-md-12">
                <a href="">Responsive</a>
                <a href="">Easy to Customize</a>
                <a href=""> Design</a>
                <a href="">Free Updates & Support</a>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="gigt">
        <h2>RECENT WORKS</h2>
        <p>……</p>
        <div class="row">
            <div class="col-md-4">
                <img src="img/regeg.png" alt="" class="">
            </div>
            <div class="col-md-4">
                <img src="img/vefe.png" alt="" class="">
            </div>
            <div class="col-md-4">
                <img src="img/dsfwf.png" alt="" class="">
            </div>
        </div>
    </div>
    <div class="gigv">
        <h2>LATEST NEWS</h2>
        <p>……</p>
        <div class="row">
            <div class="col-md-4">
                <img src="img/fswe.png" alt="" class="">
                <h4>In Demand:Collaboration Skill</h4>
                <p>Proactively engage orthogonal growth strategies without
                resource-leveling testing procedures.Seamlessly
                predominate interoperable growth strategies.
                </p>
                <p>23-02-2015<a>65Comments</a></p>
            </div>
            <div class="col-md-4">
                <div class="col">
                    <img src="img/gdggd.png" alt="" class="">
                </div>
                <div class="col">
                    <h6> Growth Strategies We Must K...</h6>
                    <p>Proactively engage orthogonal
                        growth strategies without resouce-
                        leveling testing procedures.</p>
                </div>
                <div class="col">
                    <img src="img/fdgr.png" alt="" class="">
                </div>
                <div class="col">
                    <h6> Growth Strategies We Must K...</h6>
                    <p>Proactively engage orthogonal
                        growth strategies without resouce-
                        leveling testing procedures.</p>
                </div>
                <div class="col">
                    <img src="img/dfgr.png" alt="" class="">
                </div>
                <div class="col">
                    <h6> Growth Strategies We Must K...</h6>
                    <p>Proactively engage orthogonal
                        growth strategies without resouce-
                        leveling testing procedures.</p>
                </div>
            </div>
            <div class="col-md-4">
                <img src="img/gfghv.png" alt="" class="">
                <h6>AIternative E-commertce</h6>
                <p>Proactively engage orthogonal
                    growth strategies without resouce-
                    leveling testing procedures.</p>
                <img src="img/grhuk.png" alt="" class="">
                <h6>Understanding Globally Scale…</h6>
                <p>Proactively engage orthogonal
                    growth strategies without resouce-
                    leveling testing procedures.</p>
            </div>
        </div>
    </div>
</div>
<div class="gittld">
    <div class="row">
        <div class="col-md-3"><img src="img/myrr.png" alt="" class=""></div>
        <div class="col-md-3"><img src="img/rthw.png" alt="" class=""></div>
        <div class="col-md-3"><img src="img/krtgi.png" alt="" class=""></div>
        <div class="col-md-3"><img src="img/vedfe.png" alt="" class=""></div>
    </div>
</div>
<div class="bifkd">
    <div class="container">
            <div class="row">
                <h4>GET IN TOUCH</h4>
                <p>Call us at(1800)765-4321 or </p>
                <button type="button" class="btn btn-primary btn-sm">CONTACT us</button>
            </div>
        </div>
</div>



<div class="container">
    <div class="row">
                    <div class="part-5-title">Repute</div>
                    <div class="part-5-words2">
                <span>Proactively aggregate B2B initiatives before extensive
                channels. Monotonectally extend interactive methods of
                empowerment through excellent applications. Rapidiously
                synergize visionary products with sticky technology.</span>
                        <span>1234 North Main Street</span>
                        <span>New York, NY 222222</span>
                        <span>Phone:(1800)765-4321</span>
                        <span>Email:email@yourdomain.com</span>
                    </div>
        <div class="col-md-4">
            <div class="col-md-6">
                <div class="part-5-title">USEFUL LINKS</div>
                <div class="part-5-words2">
                    <p>About Us</p>
                    <p>News</p>
                    <p>Conmmtunity</p>
                    <p>Career</p>
                    <p>Blog</p>
                </div>
            </div>

            <div class="col-md-6">
                <h4></h4>
                <p>Press Kit</p>
                <p>FAQ</p>
                <p>Terms</p>
                <p>Privacy Pilicy</p>
                <p>Contact Us</p>
            </div>

        </div>

        <div class="col-md-4">
            <h3>NEWSLETTER</h3>

            <p>Get the latest update from us by subscribing to our
                newsletter.</p>
            <form class="form-inline my-2 my-lg-0">
                <input class="form-control mr-sm-2" type="youremail@domain.com" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">SUBSCRBE</button>
            </form>

            <p>GET CONNECTED</p>
            <img src="img/F.png" alt="" class="">
            <img src="img/NIAO.png" alt="" class="">
            <img src="img/G+.png" alt="" class="">
            <img src="img/WIFI.png" alt="" class="">
        </div>
    </div>
</div>
<div class="cta">
    <p>More Templates-Collect from</p>
</div>



<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>